<template>
  <div>
    <ol>
      <li v-for="(item, index) in sites" :key="index">{{ item.name }}</li>
    </ol>
    <ul v-for="(item, index) in sites_two" :key="index">
      <li>{{ item.name }}</li>
      <li>---------------</li>
    </ul>
    <ul>
      <li v-for="(item, index) in object" :key="index">{{ item }}</li>
    </ul>
    <ul>
      <li v-for="(item, index) in 10" :key="index">{{ item }}</li>
    </ul>
    <ul>
      <li v-for="(item, index) in sites" :key="index">{{item.name}}{{index}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'vfor',
  data () {
    return {
      sites: [
        {name: 'Google'},
        {name: 'Taobao'},
        {name: 'Baidu'}
      ],
      sites_two: [
        {name: 'Hello'},
        {name: 'DeLong'}
      ],
      object: {
        name: '学习',
        url: 'http://www/baidu.com',
        slogan: '学的不仅是技术,更是梦想!'
      }
    }
  }
}
</script>

<style >

</style>
